<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>验收报告内容</title>
		<!-- css代码 start -->
		<link href="../../../../css/mui.min.css" rel="stylesheet" />
		<link href="../../../../css/global.css" rel="stylesheet" />
		<link href="../../../../css/style.css" rel="stylesheet" />
		<link href="../../../../css/checkbox.css" rel="stylesheet" />
		<style>
			.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{
				top: 8px;
				right: -10px;
			}
		</style>
		<!-- css代码 end -->
	</head>
	<body>
		
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">仪器安装验收证明</h1>
		</header>
		<div class="mui-content">
			<div class="page_cen shadow title_num">服务编号：<span class="fr">{{service_no}}</span></div>
			
			<div class="page_cen shadow title_num autoHeight">仪器安装编号：<span class="fr" style="width: 60%; line-height: 20px; padding: 10px 0; text-align: right; word-wrap:break-word;">{{EngRep_No}}</span></div>
			
			<div class="page_cen shadow title_num">CODE：<span class="fr">{{PAYMENTCODE}}</span></div>
			
			<div class="page_cen shadow" id="userInfo">
				<p class="bg_title">客户联系信息</p>
				<div class="details_con mt0">
					<div class="clum mr">
						<span class="name">主要联系人</span>
						<span class="txt">{{primary_contact}}</span>
					</div>
					<div class="clum mr autoHeight">
						<span class="name">电子邮件地址1</span>
						<span class="txt wid">{{email_address1}}</span>
					</div>
					<div class="clum mr autoHeight">
						<span class="name">电子邮件地址2</span>
						<span class="txt wid">{{emai_address2}}</span>
					</div>
					<div class="clum mr">
						<span class="name">电话</span>
						<span class="txt">{{phone_number}}</span>
					</div>
					<div class="clum mr">
						<span class="name">传真</span>
						<span class="txt">{{fax_number}}</span>
					</div>
					<div class="clum mr">
						<span class="name">用户号</span>
						<span class="txt">{{USER_ID}}</span>
					</div>
				</div>
			</div>
			<div class="page_cen shadow">
				<p class="bg_title">安装仪器地址</p>
				<div class="details_con mt0">
					<div class="clum mr autoHeight">
						<span class="name">公司名称</span>
						<span class="txt wid">{{company_name2}}</span>
					</div>
					<div class="clum mr autoHeight">
						<span class="name">地址</span>
						<span class="txt wid">{{address}}</span>
					</div>
					<div class="clum mr">
						<span class="name">城市</span>
						<span class="txt">{{city}}</span>
					</div>
					<div class="clum mr">
						<span class="name">省份</span>
						<span class="txt">{{province}}</span>
					</div>
					<div class="clum mr">
						<span class="name">邮编</span>
						<span class="txt">{{zip}}</span>
					</div>
					<div class="clum mr">
						<span class="name">部门</span>
						<span class="txt">{{department}}</span>
					</div>
				</div>
			</div>
			<div class="page_cen shadow">
				<p class="bg_title">设备确认</p>
				<div class="details_con mt0">
					<div class="clum mr autoHeight">
						<span class="name">仪器型号</span>
						<span class="txt wid">{{equipment_model}}</span>
					</div>
					<div class="clum mr">
						<span class="name">序列号</span>
						<span class="txt">{{serial_number}}</span>
					</div>
					<div class="clum mr">
						<span class="name">SAP SO</span>
						<span class="txt">{{sap_so}}</span>
					</div>
					<div class="clum mr">
						<span class="name">客户合同号</span>
						<span class="txt">{{CONTRACT_ID}}</span>
					</div>
					<div class="clum mr">
						<span class="name">原产工厂</span>
						<span class="txt">{{factory_origin}}</span>
					</div>
					<div class="clum mr">
						<span class="name">分析程序</span>
						<span class="txt">{{Program}}</span>
					</div>
					<div class="clum mr">
						<span class="name">基体</span>
						<span class="txt">{{Matrix}}</span>
					</div>
				</div>
			</div>
			<div class="page_cen shadow">
				<p class="bg_title">安装信息</p>
				<div class="details_con mt0">
					<div class="clum mr autoHeight">
						<span class="name">工程师姓名</span>
						<span class="txt wid">{{engineer_name}}</span>
					</div>
					<div class="clum mr">
						<span class="name">服务通知编号</span>
						<span class="txt">{{service_no}}</span>
					</div>
					<div class="clum mr">
						<span class="name">安装开始时间</span>
						<span class="txt">{{install_start_time}}</span>
					</div>
					<div class="clum mr">
						<span class="name">完成时间</span>
						<span class="txt">{{install_end_time}}</span>
					</div>
					<div class="clum mr">
						<span class="name">工厂PO号</span>
						<span class="txt">{{factory_po}}</span>
					</div>
				</div>
			</div>
			
			<div class="page_cen shadow">
				<p class="bg_title">计算机和软件信息</p>
				<div class="details_con mt0">
					<div class="clum mr autoHeight">
						<span class="name">电脑厂家</span>
						<span class="txt wid">{{computer_Mfr}}</span>
					</div>
					<div class="clum mr">
						<span class="name">型号</span>
						<span class="txt">{{model_number}}</span>
					</div>
					<div class="clum mr">
						<span class="name">服务号</span>
						<span class="txt">{{service_number}}</span>
					</div>
					<div class="clum mr">
						<span class="name">系统软件</span>
						<span class="txt">{{system_software}}</span>
					</div>
					<div class="clum mr">
						<span class="name">操作软件</span>
						<span class="txt">{{software}}</span>
					</div>
					<div class="clum mr">
						<span class="name">选项软件</span>
						<span class="txt">{{option_software}}</span>
					</div>
				</div>
			</div>
			<div class="page_cen shadow autoHeight">
				<p class="bg_title nobor">接受确认</p>
				<div class="bg_info">
					我们确认：现仪器工作正常，现已验收。
				</div>
			</div>
			
		</div>
		
		
		
		<!-- js代码 start -->

		<!-- 基础js start -->
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/utils/h.js"></script>
		<script src="../../../../js/constant.js"></script>
		<script src="../../../../js/common.js"></script>
		<script src="../../../../js/utils/base64.js"></script>
		<script src="../../../../js/utils/md5.js"></script>
		<script src="../../../../js/utils/sortMap.js"></script>
		<script src="../../../../js/utils/http.js"></script>
		<script src="../../../../js/utils/vue.min.js"></script>
		<script src="../../../../js/app.js"></script>
		<!-- 基础js end -->

		<script type="text/javascript" charset="utf-8">
			var serviceNo, reportId, reportNo
			
			function getDefaultData() {
				return {
					service_no: '', // 服务号
					PAYMENTCODE: '',
					EngRep_No: '', // 仪器安装编号
					primary_contact: '', // 主要联系人
					email_address1: '', // 电子邮件地址1
					emai_address2: '', // 电子邮件地址2
					phone_number: '', // 电话号码
					fax_number: '', // 传真
					USER_ID: '', // 用户号
					company_name2: '', // 公司名称（中文）
					address: '', // 地址
					city: '', // 城市
					province: '', // 省份
					zip: '', // 邮编
					department: '', // 部门
					equipment_model: '', // 仪器型号
					serial_number: '', // 序列号
					sap_so: '', // SAP SO
					CONTRACT_ID: '', // 客户合同号
					factory_origin: '', // 原产工厂
					Program: '', // 分析程序
					Matrix: '', // 基体
					engineer_name: '', // 工程师姓名
					install_start_time: '', // 安装开始时间
					install_end_time: '', // 完成时间
					factory_po: '', // FACTORY POA
					computer_Mfr: '', // 电脑厂家
					model_number: '', // 电脑型号
					service_number: '', // 服务号
					system_software: '', // 系统软件
					software: '', // 操作系统
					option_software: '', // 选项软件
				}
			}
			
			var vm = new Vue({
				el: '.mui-content',
				data: getDefaultData(),
				methods: {
					resetData: function() { //重置数据
						Object.assign(this.$data, getDefaultData());
					}
				}
			});

			(function($, doc) {
				$.init();

				$.plusReady(function() {
					var self = plus.webview.currentWebview();
					serviceNo = self.serviceNo;
					reportId = self.reportId;
					reportNo = self.reportNo;
					h('#reportNo').html(reportId)
					initData()
				});
			}(mui, document));
			
			function initData() {
				var enginnerId = app.getUser().enginnerId;
				app.showWaiting()
				ajaxGet(BASE_URL + 'cc/report/preview/inspectionReport', {
					enginnerId: enginnerId,
					serviceNo: serviceNo,
					reportGuid: reportNo
				}, function(data) {
					app.closeWaiting()
					if (data.code === 200) {
						var ccData = JSON.parse(data.data)
						console.log(data.data)
						if (ccData.status == '1') {
							var record = ccData.record;
							if (record && record.length > 0) {
								var info = record[0];
								
								vm.service_no = info.service_no // 服务号
								vm.PAYMENTCODE = info.PAYMENTCODE
								
								vm.EngRep_No = info.EngRep_No // 仪器安装编号
								
								// 用户联系人信息
								vm.primary_contact = info.primary_contact // 主要联系人
								vm.email_address1 = info.email_address1 // 电子邮件地址1
								vm.emai_address2 = info.emai_address2 // 电子邮件地址2
								vm.phone_number = info.phone_number // 电话号码
								vm.fax_number = info.fax_number // 传真
								vm.USER_ID = info.USER_ID // 用户号
								
								// 安装仪器地址
								vm.company_name2 = info.company_name2 // 公司名称（中文）
								vm.address = info.address // 地址
								vm.city = info.city // 城市
								vm.province = info.province // 省份
								vm.zip = info.zip // 邮编
								vm.department = info.department // 部门
								
								// 设备确认
								vm.equipment_model = info.equipment_model // 仪器型号
								vm.serial_number = info.serial_number // 序列号
								vm.sap_so = info.sap_so // SAP SO
								vm.CONTRACT_ID = info.CONTRACT_ID // 客户合同号
								vm.factory_origin = info.factory_origin // 原产工厂
								vm.Program = info.Program // 分析程序
								vm.Matrix  = info.Matrix  // 基体
								
								// 安装信息
								vm.engineer_name = info.engineer_name // 工程师姓名
								vm.install_start_time = info.install_start_time // 安装开始时间
								vm.install_end_time = info.install_end_time // 完成时间
								vm.factory_po = info.factory_po // FACTORY POA
								
								// 计算机和软件信息
								vm.computer_Mfr = info.computer_Mfr // 电脑厂家
								vm.model_number = info.model_number // 电脑型号
								vm.service_number = info.service_number // 服务号
								vm.system_software = info.system_software // 系统软件
								vm.software = info.software // 操作系统
								vm.option_software = info.option_software // 选项软件
								
							}
						} else {
							app.toast(ccData.message || '查询失败')
						}
					} else {
						app.toast(data.msg)
					}
				}, function(errorMsg) {
					app.closeWaiting()
					app.toast(errorMsg)
				});
			}
		</script>
		<!-- js代码 end -->
	</body>
</html>
